<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <title></title>
    <script src="../web-resources/js/jquery-2.0.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.registration_button').click(function(){
                var userNameValue=$('#userNameValue').val();
                var descriptionText="form value: ";
                $('#out').text(descriptionText+userNameValue);
            });
            $('#userNameValue').focusin(function(){
                $('#out').text("");
            });
        });
    </script>
</head>
<body>
    <form>
        //TODO add all registration fields
        <label for="firstName">First Name</label>
        <input type="text" id="firstNameValue" name="firstName"/> </br>
        <label for="firstName">Last Name</label>
        <input type="text" id="lastNameValue" name="lastName"/> </br>
        <label for="userName">User Name</label>
        <input type="password" id="userNameValue" name="userName"/> </br>
        <input type="button" id="send_button" name="" value="Send" class="registration_button">
    </form>
<div id="out"></div>
</body>
</html>